<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="de" lang="de" xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />
    <meta name="Description" content="Eine Imagemap ist eine Grafik mit anklickbaren Bereichen, den so genannten &#8222;Hotspots&#8220;. Wenn auf einen solchen Hotspot geklickt wird, gelangt der Benutzer zu" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <!-- saved from url=(0014)about:internet -->
    <title>Corel PHOTO-PAINT Hilfe | Imagemaps erstellen</title>
    <link rel="StyleSheet" type="text/css" media="all" />
    <link rel="StyleSheet" href="css/webworks.css" type="text/css" media="all" />
    <link rel="StyleSheet" href="css/MyCatalog.css" type="text/css" media="all" />
    <script type="text/javascript" language="JavaScript1.2" src="wwhdata/common/context.js"></script>
    <script type="text/javascript" language="JavaScript1.2" src="wwhdata/common/towwhdir.js"></script>
    <script type="text/javascript" language="JavaScript1.2" src="wwhdata/common/wwhpagef.js"></script>
    <script type="text/javascript" language="JavaScript1.2">
      <!--
        var  WebWorksRootPath = "";
      // -->
    </script>
    <script type="text/javascript" language="JavaScript1.2">
      <!--
        // Set reference to top level help frame
        //
        var  WWHFrame = WWHGetWWHFrame("", true);
      // -->
    </script>
    <script type="text/javascript" language="JavaScript1.2" src="scripts/expand.js"></script>
  </head>
  <body onload="WWHUpdate();" onunload="WWHUnload();" onkeydown="WWHHandleKeyDown((document.all||document.getElementById||document.layers)?event:null);" onkeypress="WWHHandleKeyPress((document.all||document.getElementById||document.layers)?event:null);" onkeyup="WWHHandleKeyUp((document.all||document.getElementById||document.layers)?event:null);">
    <div class="Breadcrumbs" style="text-align: left;">
      <b class="UI_for_Steps">Corel PHOTO-PAINT Hilfe</b> : <a class="Breadcrumb_Link" href="Corel-PHOTO-PAINT-c-Web-images-and-movies.html#1165750">Webbilder und -filme</a> : <a class="Breadcrumb_Link" href="Corel-PHOTO-PAINT-Creating-images-for-the-web.html#1165750">Bilder fr das Web erstellen</a> : Imagemaps erstellen</div>
    <hr align="left" />
    <a name="wppagetop"></a>
    <div class="Body">In diesem Abschnitt finden Sie Informationen zu den folgenden Themen:</div>
    <table class="MiniTOC" border="0" cellspacing="0" cellpadding="0" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">&#8226;</td>
        <td width="97%">
          <a class="MiniTOC_Link" href="#1165785">So erstellen Sie einen anklickbaren Bereich fr eine Imagemap</a>
        </td>
      </tr>
      <tr style="vertical-align: baseline">
        <td width="3%">&#8226;</td>
        <td width="97%">
          <a class="MiniTOC_Link" href="#1165799">So exportieren Sie eine Imagemap</a>
        </td>
      </tr>
    </table>
    <h2 class="Heading_2"><a name="1165750">Imagemaps erstellen</a></h2>
    <p class="Body"><a name="1165753">Eine </a><span class="Hypertext"><a href="javascript:WWHClickedPopup('Corel_PHOTO_PAINT', 'Corel-PHOTO-PAINT-Glossary.html#1801556', 'popups\u002Fglossary_drptdes-1801556.html');" onMouseOver="javascript:WWHShowPopup('Corel_PHOTO_PAINT', 'popups\u002Fglossary_drptdes-1801556.html', (document.all||document.getElementById||document.layers)?event:null);" onMouseOut="WWHHidePopup();">Imagemap</a></span> ist eine Grafik mit anklickbaren Bereichen, den so genannten <span class="Hypertext"><a href="javascript:WWHClickedPopup('Corel_PHOTO_PAINT', 'Corel-PHOTO-PAINT-Glossary.html#1801511', 'popups\u002Fglossary_drptdes-1801511.html');" onMouseOver="javascript:WWHShowPopup('Corel_PHOTO_PAINT', 'popups\u002Fglossary_drptdes-1801511.html', (document.all||document.getElementById||document.layers)?event:null);" onMouseOut="WWHHidePopup();">&#8222;Hotspots"</a></span>. Wenn auf einen solchen Hotspot geklickt wird, gelangt der Benutzer zu der Webseite, die mit diesem Hotspot verknpft ist. Hotspots werden unter Verwendung von Koordinaten definiert. Jedem definierten Bereich wird dann eine <span class="Hypertext"><a href="javascript:WWHClickedPopup('Corel_PHOTO_PAINT', 'Corel-PHOTO-PAINT-Glossary.html#1802693', 'popups\u002Fglossary_drptdes-1802693.html');" onMouseOver="javascript:WWHShowPopup('Corel_PHOTO_PAINT', 'popups\u002Fglossary_drptdes-1802693.html', (document.all||document.getElementById||document.layers)?event:null);" onMouseOut="WWHHidePopup();">URL</a></span> (Webadresse) zugeordnet.</p>
    <p class="Body"><a name="1165756">Wenn Sie einem Bild </a><span class="Hypertext"><a href="javascript:WWHClickedPopup('Corel_PHOTO_PAINT', 'Corel-PHOTO-PAINT-Glossary.html#1802147', 'popups\u002Fglossary_drptdes-1802147.html');" onMouseOver="javascript:WWHShowPopup('Corel_PHOTO_PAINT', 'popups\u002Fglossary_drptdes-1802147.html', (document.all||document.getElementById||document.layers)?event:null);" onMouseOut="WWHHidePopup();">Rollover</a></span> hinzufgen oder fr bestimmte Bereiche des Bildes andere Dateiformate oder Komprimierungsraten als fr den Rest festlegen mchten, knnen Sie das Bild in Teilbereiche (Slices) aufteilen, statt eine <span class="Hypertext"><a href="javascript:WWHClickedPopup('Corel_PHOTO_PAINT', 'Corel-PHOTO-PAINT-Glossary.html#1801556', 'popups\u002Fglossary_drptdes-1801556.html');" onMouseOver="javascript:WWHShowPopup('Corel_PHOTO_PAINT', 'popups\u002Fglossary_drptdes-1801556.html', (document.all||document.getElementById||document.layers)?event:null);" onMouseOut="WWHHidePopup();">Imagemap</a></span> zu erstellen. Weitere Informationen zum Erstellen von Bildern mit Teilbereichen finden Sie unter <a href="Corel-PHOTO-PAINT-Slicing-images.html#1173770" title="Bilder in Teilbilder aufteilen">Bilder in Teilbilder aufteilen.</a></p>
    <p class="Sub_Heading"><a name="1165765">Anklickbare Bereiche erstellen</a></p>
    <p class="Body"><a name="1165767">Hotspots werden aus </a><span class="Hypertext"><a href="javascript:WWHClickedPopup('Corel_PHOTO_PAINT', 'Corel-PHOTO-PAINT-Glossary.html#1953922', 'popups\u002Fglossary_drptdes-1953922.html');" onMouseOver="javascript:WWHShowPopup('Corel_PHOTO_PAINT', 'popups\u002Fglossary_drptdes-1953922.html', (document.all||document.getElementById||document.layers)?event:null);" onMouseOut="WWHHidePopup();">Objekten</a></span> erstellt. Sie knnen Objekten eine <span class="Hypertext">URL</span> und "alternativen" Text zuweisen. Auerdem mssen Sie die Form des Hotspots festlegen. Infrage kommen dabei entweder Polygone, die sich eng der Form des Objekts anpassen, Rechtecke, deren Ausmae dem Auswahlrahmen des Objekts entsprechen, oder Kreise, die das Objekt umschlieen.</p>
    <p class="Body"><a name="1165769">Wenn Sie eine Imagemap aus einem Foto erstellen mchten, knnen Sie an der Stelle des vorgesehenen Hotspots einen </a><span class="Hypertext"><a href="javascript:WWHClickedPopup('Corel_PHOTO_PAINT', 'Corel-PHOTO-PAINT-Glossary.html#1951144', 'popups\u002Fglossary_drptdes-1951144.html');" onMouseOver="javascript:WWHShowPopup('Corel_PHOTO_PAINT', 'popups\u002Fglossary_drptdes-1951144.html', (document.all||document.getElementById||document.layers)?event:null);" onMouseOut="WWHHidePopup();">bearbeitbaren Bereich</a></span> definieren und den bearbeitbaren Bereich dann in ein Objekt umwandeln.</p>
    <p class="AnchorGraphic"><a name="1165773"><img class="Sample_Medium" src="images/Corel-PHOTO-PAINT-web-imagemap.jpg" width="425" height="198" style="display: block; float: none; left: 0.0; top: 0.0" alt="" /></a></p>
    <p class="CaptionMultiLine"><a name="1165774">Der Hotspot der linken Schaltflche ist rechteckig, der Hotspot der rechten Schaltflche kreisfrmig. Der Hotspot wird aktiviert, wenn Sie an einer beliebigen Stelle darauf klicken.</a></p>
    <p class="Sub_Heading"><a name="1165778">Imagemaps exportieren</a></p>
    <p class="Body"><a name="1165779">Beim Exportieren von Imagemaps haben Sie die Wahl zwischen drei verschiedenen Imagemap-Typen: clientgesttzt, servergesttzt oder client-/servergesttzt. Der Imagemap-Typ "clientgesttzt" wird am hufigsten verwendet und ist als Standardeinstellung festgelegt. Je nachdem, welchen Imagemap-Typ Sie gewhlt haben, werden folgende Dateien automatisch erstellt:</a></p>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">&#8226;	</td>
        <td width="97%"><a name="1165781">eine </a><span class="Hypertext"><a href="javascript:WWHClickedPopup('Corel_PHOTO_PAINT', 'Corel-PHOTO-PAINT-Glossary.html#1801533', 'popups\u002Fglossary_drptdes-1801533.html');" onMouseOver="javascript:WWHShowPopup('Corel_PHOTO_PAINT', 'popups\u002Fglossary_drptdes-1801533.html', (document.all||document.getElementById||document.layers)?event:null);" onMouseOut="WWHHidePopup();">HTML</a></span>-Seite fr client-/server-, server- und clientgesttzte Imagemaps</td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">&#8226;	</td>
        <td width="97%"><a name="1165782">eine separate Map-Datei, die die Hotspot-Koordinaten fr client-/server- und servergesttzte Imagemaps enthlt. Clientgesttzte Imagemaps bentigen keine separate Map-Datei, da sie die HTML-Map-Tags direkt in der HTML-Seite enthalten.</a></td>
      </tr>
    </table>
    <table class="ToDoHead" width="99%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="95%"><a name="1165785">So erstellen Sie einen anklickbaren Bereich fr eine Imagemap</a></td>
        <td align="right" valign="middle" width="5%">
          <a href="#wppagetop">
            <img border="0" src="images/BtnBackToTop.gif" alt="Nach oben" height="10" width="10" />
          </a>
        </td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">1	.</td>
        <td width="97%"><a name="1165787">Klicken Sie im Andockfenster </a><b class="UI_for_Steps">Objekt-Manager</b> mit der rechten Maustaste auf die Miniaturansicht eines <span class="Hypertext"><a href="javascript:WWHClickedPopup('Corel_PHOTO_PAINT', 'Corel-PHOTO-PAINT-Glossary.html#1953922', 'popups\u002Fglossary_drptdes-1953922.html');" onMouseOver="javascript:WWHShowPopup('Corel_PHOTO_PAINT', 'popups\u002Fglossary_drptdes-1953922.html', (document.all||document.getElementById||document.layers)?event:null);" onMouseOut="WWHHidePopup();">Objekts</a></span> und whlen Sie <b class="UI_for_Steps">Objekteigenschaften</b>.</td>
      </tr>
    </table>
    <table class="Indented" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%"></td>
        <td width="97%"><a name="1165788">Falls das Andockfenster </a><b class="UI_for_Steps">Objekt-Manager</b> nicht geffnet ist, klicken Sie auf <b class="UI_for_Steps">Fenster</b> <span class="Onestep"><img src="images/onestep.jpg" border="0" width="7" height="9" xmlns="urn:WebWorks-XSLT-Extension-Document" /></span> <b class="UI_for_Steps">Andockfenster</b> <span class="Onestep"><img src="images/onestep.jpg" border="0" width="7" height="9" xmlns="urn:WebWorks-XSLT-Extension-Document" /></span> <b class="UI_for_Steps">Objekt-Manager</b>.</td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">2	.</td>
        <td width="97%"><a name="1165789">Klicken Sie im Dialogfeld </a><b class="UI_for_Steps">Objekteigenschaften</b> auf die Registerkarte <b class="UI_for_Steps">WWW-URL</b>.</td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">3	.</td>
        <td width="97%"><a name="1165790">Legen Sie die folgenden Eigenschaften fr das Objekt fest.</a></td>
      </tr>
    </table>
    <table class="UnorderedListSecondLevel" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%"></td>
        <td width="3%">&#8226; 	</td>
        <td width="94%"><b class="UI_for_Steps"><a name="1165793">URL</a></b>: Gibt die Internetadresse (<span class="Hypertext"><a href="javascript:WWHClickedPopup('Corel_PHOTO_PAINT', 'Corel-PHOTO-PAINT-Glossary.html#1802693', 'popups\u002Fglossary_drptdes-1802693.html');" onMouseOver="javascript:WWHShowPopup('Corel_PHOTO_PAINT', 'popups\u002Fglossary_drptdes-1802693.html', (document.all||document.getElementById||document.layers)?event:null);" onMouseOut="WWHHidePopup();">URL</a></span>) der Webseite an, die sich ffnen soll, wenn auf den <span class="Hypertext"><a href="javascript:WWHClickedPopup('Corel_PHOTO_PAINT', 'Corel-PHOTO-PAINT-Glossary.html#1801511', 'popups\u002Fglossary_drptdes-1801511.html');" onMouseOver="javascript:WWHShowPopup('Corel_PHOTO_PAINT', 'popups\u002Fglossary_drptdes-1801511.html', (document.all||document.getElementById||document.layers)?event:null);" onMouseOut="WWHHidePopup();">Hotspot</a></span> geklickt wird. Denken Sie daran, vor dem Namen der Domne &#8222;http://" einzugeben.</td>
      </tr>
    </table>
    <table class="UnorderedListSecondLevel" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%"></td>
        <td width="3%">&#8226; 	</td>
        <td width="94%"><b class="UI_for_Steps"><a name="1165794">Kommentare</a></b>:Ermglicht die Eingabe des alternativen Textes, der im Browser angezeigt wird, wenn auf das Objekt gezeigt wird.</td>
      </tr>
    </table>
    <table class="UnorderedListSecondLevel" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%"></td>
        <td width="3%">&#8226; 	</td>
        <td width="94%"><b class="UI_for_Steps"><a name="1165795">Bereich definieren als</a></b>:Gibt die Form an, die der anklickbare Bereich (Hotspot) des Objekts aufweisen soll.</td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">4	.</td>
        <td width="97%"><a name="1165796">Klicken Sie auf </a><b class="UI_for_Steps">OK</b>.</td>
      </tr>
    </table>
    <table class="ToDoHead" width="99%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="95%"><a name="1165799">So exportieren Sie eine Imagemap</a></td>
        <td align="right" valign="middle" width="5%">
          <a href="#wppagetop">
            <img border="0" src="images/BtnBackToTop.gif" alt="Nach oben" height="10" width="10" />
          </a>
        </td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">1	.</td>
        <td width="97%"><a name="1170297">Whlen Sie im Dialogfeld </a><b class="UI_for_Steps">Fr das Web exportieren</b> oben rechts im Dialogfeld im Listenfeld <b class="UI_for_Steps">Voreinstellung</b> vordefinierte Einstellungen aus.</td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">2	.</td>
        <td width="97%"><a name="1165807">Whlen Sie im Bereich </a><b class="UI_for_Steps">HTML und Teilbilder</b> im Listenfeld <b class="UI_for_Steps">Exportieren</b> die Option <b class="UI_for_Steps">Imagemap</b> aus.</td>
      </tr>
    </table>
    <table class="Indented" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%"></td>
        <td width="97%"><a name="1169083">Wenn Sie das Bild in einem Browser anzeigen mchten, aktivieren Sie das Kontrollkstchen </a><b class="UI_for_Steps">Im Browser anzeigen</b>.</td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">3	.</td>
        <td width="97%"><a name="1169112">Klicken Sie auf </a><b class="UI_for_Steps">Speichern unter</b>.</td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">4	.</td>
        <td width="97%"><a name="1169116">Whlen Sie den gewnschten Speicherort (Laufwerk und Ordner) fr die Datei.</a></td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">5	.</td>
        <td width="97%"><a name="1169120">Geben Sie in das Feld </a><b class="UI_for_Steps">Dateiname</b> einen Namen ein.</td>
      </tr>
    </table>
    <table class="OrderedList" border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
      <tr style="vertical-align: baseline">
        <td width="3%">6	.</td>
        <td width="97%"><a name="1169130">Klicken Sie auf </a><b class="UI_for_Steps">Speichern</b>.</td>
      </tr>
    </table>
    <p class="AnchorTable"><a name="1165821">&nbsp;</a></p>
    <table class="Ventura_Table" cellpadding="5" cellspacing="5" summary="">
      <caption></caption>
      <tr style="vertical-align: top">
        <td>
          <div class="Table_Head"><a name="1155229">Darber hinaus knnen Sie Folgendes tun:</a></div>
        </td>
        <td>
          <div class="Table_Head"><a name="1155231">&nbsp;</a></div>
        </td>
      </tr>
      <tr style="vertical-align: top">
        <td>
          <div class="Table_Text"><a name="1155233">Einen Bildbereich, dem keine URL zugewiesen ist, mit einer bestimmten Webseite verknpfen</a></div>
        </td>
        <td>
          <div class="Table_Text"><a name="1155235">Aktivieren Sie im Dialogfeld </a><b class="UI_for_Steps">Map-Datei speichern</b> die Option <b class="UI_for_Steps">Standard-URL</b> und geben Sie in das Feld <b class="UI_for_Steps">Standard-URL</b> eine URL-Adresse ein.</div>
        </td>
      </tr>
      <tr style="vertical-align: top">
        <td>
          <div class="Table_Text"><a name="1155237">Informationen ber eine Datei einschlieen</a></div>
        </td>
        <td>
          <div class="Table_Text"><a name="1155239">Aktivieren Sie das Kontrollkstchen </a><b class="UI_for_Steps">Datei-Header-Informationen einschlieen</b>.</div>
        </td>
      </tr>
    </table>
    <p class="AnchorNote">
      <img src="images/note.gif" alt="*" border="0" width="18" height="15" /><a name="1165825"></a></p>
    <p class="Last_Note"><a name="1165832">Beim Exportieren von Imagemaps werden die Objekte mit dem Hintergrund zusammengefhrt.</a></p>
    <p class="AnchorTip">
      <img src="images/tip.gif" alt="*" border="0" width="18" height="15" /><a name="1165836"></a></p>
    <p class="Last_Tip"><a name="1165837">Zum Definieren von anklickbaren Bereichen in einer Imagemap knnen Sie auch die Symbolleiste </a><b class="UI_for_Steps">Internet</b> verwenden. Klicken Sie auf <b class="UI_for_Steps">Fenster</b> <span class="Onestep"><img src="images/onestep.jpg" border="0" width="7" height="9" xmlns="urn:WebWorks-XSLT-Extension-Document" /></span> <b class="UI_for_Steps">Symbolleisten</b><span class="Onestep"><img src="images/onestep.jpg" border="0" width="7" height="9" xmlns="urn:WebWorks-XSLT-Extension-Document" /></span> <b class="UI_for_Steps">Internet</b>, um die Symbolleiste <b class="UI_for_Steps">Internet</b> zu ffnen.</p>
    <script type="text/javascript" language="JavaScript1.2">
      <!--
          // Clear related topics
          //
          WWHClearRelatedTopics();

          document.writeln(WWHRelatedTopicsInlineHTML());
        // -->
    </script>
    <script type="text/javascript" language="JavaScript1.2">
      <!--
        document.write(WWHRelatedTopicsDivTag() + WWHPopupDivTag() + WWHALinksDivTag());
      // -->
    </script>
    <!-- Copyright Section -->
    <p></p>
    <p class="Body">Copyright 2014 Corel Corporation. Alle Rechte vorbehalten.</p>
    <!-- End Copyright Section -->
  </body>
</html>